html,body{
	font-size: 14px;
}
p{
	margin: 0;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix::after {
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.pr{
	position: relative;
}
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.centerauto{
	margin: 0px auto;
}
.displayB{
	display: block;
}
.radiusB{
	border-radius: 50%;
}
.shadowB{
	-webkit-box-shadow: 0 0 17px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 17px 0 rgba(0,0,0,.1);
}
.bolds{
	font-weight: bold;
}
/* flex布局 */
.flexbox{
	display: -webkit-flex; /* Safari */
  	display: flex;
}
.spacebetween{
	justify-content: space-between;
	align-items:center;
}
/*垂直居中*/
.flexalign{
	align-items:center;
}
/*水平居中*/
.flexjustify{
	justify-content: center;
}